div.scroll
{
background-color:#00FFFF;
width:100px;
height:100px;
overflow:scroll;
}


html, body {
	height: 100%;
}

body {
        background: #cccccc;
	overflow: hidden;
	width: 100%;
}

	#encabezado {
		position: absolute;
		width: 235px;
		z-index: 2000;
                 background: #A4A4A4;
                 padding: 10px;
                 height: 100%;
                 -moz-border-radius: 8px;
                 -webkit-border-radius: 8px;
	}
	
		#encabezado h1 {
			background: #000;
			color: rgba(255,255,255,0.9);
			font-size: 30px;
			font-weight: 400;
			padding: 20px;
			text-transform: uppercase;
			text-shadow: 0 1px 1px tgba(0,0,0,0.3);
		}
		
		#navegacion {
			display: block;
			list-style: none;
			margin-top: 20px;
			width: 235px;
			z-index: 3;
		}
		
			#navegacion a {
				background: #fff;
				background: rgba(255,255,255,0.9);
				box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
				color: #444;
				display: block;
				font-size: 14px;
				line-height: 50px;
				margin-bottom: 6px;
				padding: 0 20px;
				text-transform: uppercase;
                                -moz-border-radius: 12px;
                                -webkit-border-radius: 12px;
                                -webkit-transition: all 0.2s ease;
                                -moz-transition: all 0.2s ease;
                                -o-transition: all 0.2s ease;
			}
			
				#navegacion a:hover {
					background: #ddd;
                                        padding-top: 5px;
				}
				
	.contenidoSeccion {
		left: 280px;
		padding-bottom: 30px;
		position: absolute;
		right: 40px;
		top: 0;
	}
	
		.contenidoSeccion h2 {
			color: #fff;
			color: rgba(255,255,255,0.9);
			font-size: 110px;
			margin-top: 52px;
			padding: 10px 0 20px 0;
			text-shadow: 0 1px 1px rgba(0,0,0,0.3);
		}
		
		.contenidoSeccion p {
                        background: #666666;
			color: #fff;
			display: inline-block;
			font-size: 18px;
			line-height: 24px;
			margin: 3px 0;
			padding: 10px;
                        -moz-border-radius: 8px;
                        -webkit-border-radius: 8px;
		}
		
	.panel {
		background-color: #cccccc;
		box-shadow: 0 4px 7px rgba(0,0,0,0.6);
		height: 98%;
		margin-top: -150%;
		min-width: 100%;
		overflow-x: scroll;
		overflow-y: auto;
		opacity: 0;
		position: absolute;
			-webkit-transition: opacity 0.6s ease-in-out;
			-moz-transition: opacity 0.6s ease-in-out;
			-o-transition: opacity 0.6s ease-in-out;
			-ms-transition: opacity 0.6s ease-in-out;
		transition: opacity 0.6s ease-in-out;
		z-index: 2;
	}
	
		.panel:target {
			margin-top: 0;
			opacity: 1;
		}
		
		#home:target ~ #encabezado #navegacion #Home,
		#incidente:target ~ #encabezado #navegacion #Incidente,
		#acercaDe:target ~ #encabezado #navegacion #vinculoAcercaDe,
		#contacto:target ~ #encabezado #navegacion #vinculoContacto{
			background: #000;
			color: #fff;
		}
		
	#trabajos {
		padding: 15px 0;
	}
	
		#trabajos li {
			display: inline;
		}
		
			#trabajos li a {
				padding-right: 10px;
			}
			
		#trabajos img {
			background: rgba(255,255,255,0.9);
			box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
			padding: 12px;
		}
		
	#formularioContacto p {
		color: #000;
		background: #fff;
	}
	
		#formularioContacto input,
		#formularioContacto textarea {
			background: #000;
			border: none;
			color: #fff;
		}
		
		#formularioContacto textarea {
			height: 100px;
			width: 493px;
		}
		
		#formularioContacto label {
			float: left;
			padding-right: 10px;
		}
                
                .informacion{
                width: 100%;
                background: #666666;
                color: #fff;
                display: inline-block;
                font-size: 18px;
                line-height: 24px;
                margin: 3px 0;
                padding: 10px;
                width: 100%;
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
        }